<template>
  <div class="home">
    <div class="mb-4">
      <el-button type="primary">下分</el-button>
      <el-button type="success">申请提现</el-button>
    </div>
  </div>
</template>

<script lang="ts">
import { useLoginUserStore } from "@/store/useLoginUserStore";

export default {
  mounted() {
    // 获取 URL 中的查询参数部分（即 ?token=xxx）
    const queryString = window.location.search;

    if (queryString) {
      // 使用 URLSearchParams 解析查询参数
      const params = new URLSearchParams(queryString);
      const token = params.get("token");

      // 如果存在 token，则处理
      if (token) {
        console.log("获取到的 token:", token);
        // 处理 token，例如存储到 localStorage 或 Vuex
        useLoginUserStore().fetchLoginUser(token);
        // 使用 history.replaceState() 来剔除 URL 中的 token 参数
        // 这样做之后，浏览器地址栏中将不显示 token 参数
        const cleanUrl = window.location.href.replace(queryString, "");
        window.history.replaceState({}, "", cleanUrl);
      }
    }
  },
};
</script>

<style scoped>
.home {
  padding: 20px;
}
</style>
